<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/fenlei.css">
   <link rel="stylesheet" href="./download (8)/font_3199640_g4r5giucsf/iconfont.css">
</head>
<body>
    <div class="web">
        <!-- 顶部 -->
        <div class="shou">
            <div class="shoua">back</div>
            <div class="shoub">分类</div>
            <div>
                <select name="" id="">
                    <option value="">广州市</option>
                    <option value="">开封市</option>
                    <option value="">郑州市</option>
                </select>
            </div>
        </div>
        <!-- 导航图片 -->
        <div class="tu">
           <div><img src="./images/图层1.png" alt=""></div>
           <div><img src="./images/图层3.1.png" alt=""></div>
           <div><img src="./images/图层4.1.png" alt=""></div>
           <div><img src="./images/图层5.1.png" alt=""></div>
        </div>
        <div class="zi">
            <div>美食</div>
            <div>电影</div>
            <div>运动</div>
            <div>唱歌</div>
        </div>
         <!-- 图片选择点 -->
        <div class="dian">
            <div class="iconfont">&#xe830;<span>&#xe830;&#xe830;&#xe830;</span></div>
        </div>
        <!-- 美食类 -->
        <div class="biao">
            <div class="biaoa">
                <div class="iconfont">&#xe604;</div>
                <div class="a">美食类</div>
            </div>
            <div class="biaoa">
                <div class="a">更多</div>
                <div class="iconfont c">&#xe60c;</div>
            </div>
        </div>
        <div class="me">
            <div><img src="./images/1.png" alt=""></div>
            <div><img src="./images/2.png" alt=""></div>
            <div><img src="./images/3.png" alt=""></div>
            <div><img src="./images/4.png" alt=""></div>
        </div>
        <!-- 运动类 -->
        <div class="yun">
            <div class="biao">
                <div class="biaoa">
                    <div class="iconfont">&#xee45;</div>
                    <div class="a">运动类</div>
                </div>
                <div class="biaoa">
                    <div class="a">更多</div>
                    <div class="iconfont c">&#xe60c;</div>
                </div>
            </div>
            <div class="me">
                <div><img src="./images/运动1.png" alt=""></div>
                <div><img src="./images/运动2.png" alt=""></div>
                <div><img src="./images/运动3.png" alt=""></div>
                <div><img src="./images/运动4.png" alt=""></div>
            </div>
        </div>
        <!-- 电影类 -->
        <div class="ying">
            <div class="biao">
                <div class="biaoa">
                    <div class="iconfont">&#xe605;</div>
                    <div class="a">电影类</div>
                </div>
                <div class="biaoa">
                    <div class="a">更多</div>
                    <div class="iconfont c">&#xe60c;</div>
                </div>
            </div>
            <div class="me">
                <div><img src="./images/电影1.png" alt=""></div>
                <div><img src="./images/电影2.png" alt=""></div>
                <div><img src="./images/电影1.png" alt=""></div>
                <div><img src="./images/电影2.png" alt=""></div>
            </div>
        </div>
         <!-- 底部导航 -->
         <ul class="footer">
            <li class="footer_navs">
              <a href="./手机端.html" target="black" class="iconfont b"
                ><p>&#xe751;</p><span>首页</span></a
              >
            </li>
            <li class="footer_navs">
                <a href="./分类.html" class="iconfont s"
                  ><p>&#xe611;</p><span>分类</span></a
                >
              </li>
              <li class="footer_navs">
                <a href="./发现.html" class="iconfont b"
                  ><p>&#xe629;</p><span>发现</span></a
                >
              </li>
              <li class="footer_navs">
                <a href="./我的.html" class="iconfont b"
                  ><p>&#xe601;</p><span>我的</span></a
                >
              </li>
            
        </ul>
    </div>
</body>
</html>